

.activity_friend{
    width: 806px;
    height: 1121px;    
    .list>li:last-of-type{
        .people_bottom{
            .left{
                margin-left: 48px;
            }
        }
    }
    
        .top_title{
            width: 721px;
            height: 72px;
            color: #0DAFD2;
            font-size: 31px;
            line-height: 72px;
            margin-left: 27px;
            border-bottom: 1px solid #f0f0f0;
            margin-bottom: 22px;
            padding-left: 28px;
        }
        .bottom_part{
            width: 806px;
            height: 965px;
        }
}

.food{
    width: 206px;
    height: 305px;
//  margin-left: 27px;
    .food_top{
        width: 205px;
        height: 210px;
        img{
            width: 100%;
            height: 100%;
        }
    } 
    .food_bottom{
        width: 205px;
        height: 73px;
        position: relative;
        h4{
            font-size: 20px;
            margin-top: 10px;
            a{
                color: #0DAFD2;
            }
        }
        p{
            font-size: 12px;
            margin-top: 12px;
            color: #808080;
        }
        span{
            position: absolute;
        }       
        span:first-of-type{
           left: 164px;
           top: 7px;
        }
        span:nth-of-type(2){
           left: 187px;
            top: 6px;
        }
    }
    
}



.people{
    width: 543px;
    height: 305px;
    margin-left: 13px;
    .people_top{
        width: 533px;
        height: 232px;
        .portrait{
            li{
                float: left;
                margin-bottom: 19px;
                transition: all 300ms ease-out 50ms;
            }
            li:first-of-type~li{
                margin-left: 15px;
            }  
            li:hover{
                transform: rotateY(180deg);
            }         
        }
        
    }
    
    .people_bottom{
        width: 533px;
        height: 72px;
        font-size: 12px;
        letter-spacing: 1px;
        .left{
            span{
               color: #0DAFD2;
            }
        }
        
        .right{
           a{
               color: #0DAFD2; 
           }
        }
    }
}

.wrap{
    width: 762px;
    height: 307px;
    margin: 0 auto;
    border-bottom: 1px solid #f0f0f0 ;
    margin-bottom: 22px;
    padding-left: 10px;
}


 
.activity_friend_foot{
       width: 736px;
       height: 47px;    
       margin: 0 auto ;
       padding-top: 10px;
        .page_last{
        font-size: 12px;
        width: 538px;
        height: 12px;
        text-align: right;
        margin: 0 auto;
         
        .page_btn{
            border: 0;
        }
        a{
            display: inline-block;
            color: #929191;  
        }
    } 
}




 